<script setup>
import img3 from '../../static/list/image3.png'
</script>

<template>
  <view class="tp8m">
    <br>
    <view class="tp8h1">
      <view class="tp8pian1">
        <view class="tp8tu1">照片</view>
        <view>
          <text style="font-size: 17px">学生姓名</text>
          <br>
          <text style="color: #666666;font-size: 12px">电子信息工程学院</text>
          <br>
          <text style="color: #1E90FF;font-size: 12px">假期已登记</text>
        </view>
      </view>
      <text style="font-size: 12px">学号：20232023</text>
      <br>
      <text style="font-size: 12px">所在年级：2023</text>
      <br>
      <text style="font-size: 12px">所在专业：电子信息工程专业</text>
      <br>
      <text style="font-size: 12px">所在班级：202301班</text>
      <br>
      <text style="font-size: 12px">联系电话：15884418478</text>
    </view>
    <br>
    <view class="tp8h2">
      <text style="font-size: 15px">计划达到时间:2024年1月2日 00：00：00</text>
      <br><br>
      <text style="font-size: 15px">离校目的地:四川省成都市郫都区优易数据大厦</text>
      <br><br>
      <text style="font-size: 15px">紧急联系人姓名:紧急联系人姓名</text>
      <br><br>
      <text style="font-size: 15px">紧急联系人电话:15888888888</text>
      <br><br>
      <text style="font-size: 15px">其他说明:-</text>
      <view class="tp8line1"></view>
      <text style="font-size: 20px">行程信息一</text>
      <br><br>
      <text style="font-size: 15px">交通工具</text>
      <br>
      <text style="font-size: 12px;color: #666666">飞机</text>
      <br><br>
      <text style="font-size: 15px">交通信息</text>
      <br>
      <text style="font-size: 12px;color: #666666">川航3U889</text>
      <br><br>
      <text style="font-size: 15px">出发站点</text>
      <br>
      <text style="font-size: 12px;color: #666666">西安咸阳国际机场</text>
      <br><br>
      <text style="font-size: 15px">出发时间</text>
      <br>
      <text style="font-size: 12px;color: #666666">2023/11/17 00:00:00</text>
      <br><br>
      <text style="font-size: 15px">目的地</text>
      <br>
      <text style="font-size: 12px;color: #666666">四川省-成都市-郫都区</text>
      <br><br>
      <text style="font-size: 15px">到达时间</text>
      <br>
      <text style="font-size: 12px;color: #666666">2023/11/18 00:00:00</text>
      <view class="tp8line1"></view>
    </view>
    <br>
    <image :src="img3" class="imgg3"></image>
    <br>
    <button class="tp8bt1">审核通过</button>
    <br>
    <button class="tp8bt2">审核不通过</button>
  </view>
</template>

<style scoped lang="scss">
.tp8m{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(240, 248, 250, 1);
  width: 375px;
}
.tp8h1{
  height: 200px;
  background-color: #ffffff;
  width: 90%;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #666666;
}
.tp8pian1{
  display: flex;
  align-items: center;
}
.tp8tu1{
  width: 80px;
  height: 80px;
  background-color: #666666;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tp8h2{
  height: 720px;
  background-color: #FFFFFF;
  width: 90%;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 3px 3px 3px #666666;
}
.imgg3{
  height: 300px;
  width: 90%;
}
.tp8bt1{
  height: 40px;
  width: 90%;
  background-color: #87CEFA;
}
.tp8bt2{
  height: 40px;
  width: 90%;
  border: 2px solid red;
  color: red;
}
.tp8line1{
  border-bottom: 1px solid #666666;
  margin: 20px 0;
}
</style>